<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>单元门(楼)牌管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">单元门(楼)牌管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-2">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>区域层级</strong>
							</h3>
						</div>
						<input type="hidden" id="divisionId" />
						<div class="box-body">
							<ul id="gridAreaTree" class="ztree"></ul>
						</div>
					</div>
				</div>
				<div class="col-md-10">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">在线门(楼)牌</h4>
						</div>
						<div class="form-inline">
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right addAreaInMapBtn">添加门(楼)牌</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right cancelAreaInMapBtn"
									disabled="disabled">取消添加门(楼)牌</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right showThreeDInMapBtn">2.5D展示</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right judgePolygonOverlapBtn">开启叠加检测</button>
							</div>
							<div class="input-group">
								<!-- <button type="button"
									class="btn btn-info pull-right showNoDivisionAreaInMapBtn">显示未绑定门(楼)牌</button> -->
							</div>
							<div class="input-group">
								<input type="text" class="form-control" id="searchMap"
									placeholder="search...." /> <span class="input-group-btn">
									<button type="button" name="search"
										class="btn btn-info searchMapBtn">查询</button>
									<button type="button" name="resetMap" id="resetMap"
										class="btn btn-info resetMapBtn">撤消</button>
								</span>
							</div>
						</div>
						<div class="box box-info">
							<div id="map" style="height: 600px;"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">已绑定区域门(楼)牌信息</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search"
										placeholder="search...." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn">撤消</button>
									</span>

								</div>
								<!-- <button type="button" class="btn btn-info pull-right addBtn">添加</button> -->



							</div>
						</div>
						<div class="box box-info">
							<table id="bindDivisionGridTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="3%">序号</th>
										<th width="12%">操作</th>
										<th width="8%">门(楼)牌编码</th>
										<th width="8%">门(楼)牌名称</th>
										<th width="8%">权重</th>
										<th width="8%">面积(m3)</th>
										<th width="8%">门(楼)牌状态</th>
										<th width="8%">所属区域</th>

									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>

						</div>

					</div>


				</div>
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">未绑定区域门(楼)牌信息</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search2"
										placeholder="search...." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn2">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn2">撤消</button>
									</span>

								</div>

							</div>

						</div>
						<div class="box box-info">
							<table id="unbindDivisionGridTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="3%">序号</th>
										<th width="12%">操作</th>
										<th width="8%">门(楼)牌编码</th>
										<th width="8%">门(楼)牌名称</th>
										<th width="8%">权重</th>
										<th width="8%">面积(m3)</th>
										<th width="8%">门(楼)牌状态</th>
										<th width="8%">所属区域</th>

									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>

						</div>

					</div>

				</div>

			</div>
		</section>

		<!-- 模态框 -->
		<div class="modal" id="gridAreaModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<div class="modal-content">
					<form id="gridAreaEditForm">
						<input type="hidden" name="id" id="id" /> <input type="hidden"
							name="createTime" id="createTime" />
						<div class="modal-header">
							<button type="button" class="close goBackBtn" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>门(楼)牌信息</strong>
								<h4 class="box-title" id="judgePolygonOverlapTitle" style="color:red"></h4>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">门(楼)牌编码</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" name="gridIdentify"
													readonly="readonly" id="gridIdentify" />
											</div>
										</td>
										<td width="4%" align="center">门(楼)牌名称</td>
										<td width="16%">
											<div class="col-md-11">
												<input class="form-control" type="text" name="gridName"
													datatype="*,*1-100,t" id="gridName" />
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">面积(m3)</td>
										<td width="16%">
											<div class="col-md-11">
												<input class="form-control" type="text"
													datatype="*,*1-100,t" name="gridArea" id="gridArea"
													nullmsg="请输入面积" onkeyup="clearNoNum(this)" />
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td>
										<td width="4%" align="center">权&nbsp;&nbsp;重</td>
										<td width="16%">
											<div class="col-md-11">
												<input class="form-control" type="text"
													datatype="*,*1-100,t" name="gridScale" id="gridScale"
													nullmsg="请输入权重" onkeyup="clearNoNum(this)" />
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">门(楼)牌状态</td>
										<td width="16%">
											<div class="col-md-11">
												<select id="gridState" class="form-control" type="text"
													name="gridState" datatype="*,*1-100,t" nullmsg="请选择门(楼)牌状态">
													<option th:each="s:${state}" th:value="${s.id}"
														th:text="${s.title}"></option>
												</select>
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td>
										<td width="4%" align="center">门(楼)牌类型</td>
										<td width="16%">
											<div class="col-md-11">
												<select id="typeOpt" disabled="disabled"
													class="form-control" type="text" name="typeOpt"
													datatype="*,*1-100,t" nullmsg="请选择门(楼)牌类型">
													<option th:each="t:${type}" th:value="${t.id}"
														th:text="${t.title}"></option>
												</select>
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td>
										<!-- <td width="4%" align="center">GIS对象</td>
										<td width="16%">
											<div class="col-md-11">
												<input class="form-control" type="text"
													name="gridToArcGisObjectId" id="gridToArcGisObjectId" />
											</div>
											<div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div>
										</td> -->
									</tr>
									<tr>
										<td width="4%" align="center">所属区域</td>
										<td width="16%">
											<div class="col-md-12">
												<select class="form-control" type="text" id="areaId"
													name="division">
													<option th:each="d:${division}" th:value="${d.id}"
														th:text="${d.divisionName}"></option>
												</select>
											</div> <!-- <div class="col-md-1">
												<span style="color: #F00; fontsize: 30px">*</span>
											</div> -->
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">门(楼)牌备注</td>
										<td width="16%" colspan="3">
											<div class="col-md-12">
												<textArea class="form-control" rows="3" name="gridMemo"
													id="gridMemo"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<div class="modal-footer">
								<button type="button" class="btn btn-primary saveBtn">保存</button>
								<button type="button" class="btn btn-default goBackBtn"
									data-dismiss="modal">返回</button>

							</div>
						</div>
					</form>
				</div>
				<!-- <link rel="stylesheet" type="text/css"
					href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
				<link rel="stylesheet" type="text/css"
					href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
				<script type="text/javascript"
					src="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/init.js"></script> -->
				<link rel="stylesheet" type="text/css"
					href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
				<link rel="stylesheet" type="text/css"
					href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
				<script type="text/javascript"
					src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
			</div>
		</div>
		<script th:src="@{/gridArea/building.js}"></script>
	</div>

</body>
</html>